<template>
	<view class="page">
		<view class="body">
			<view class="body_cont">
				<view class="body_cont_left">
					昵称
				</view>
				<view class="body_cont_right">
					{{seller_name}}
				</view>
			</view>
			<view class="body_cont">
				<view class="body_cont_left">
					手机号
				</view>
				<view class="body_cont_right">
					{{seller_phone}}
				</view>
			</view>
			<view class="body_cont" style="border: none;">
				<view class="body_cont_left">
					部门
				</view>
				<view class="body_cont_right ">
					{{department}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getIndex
	} from '../../api/my/index.js'
	export default {
		data() {
			return {
				seller_name: "", //昵称
				seller_phone: "", //手机号
				department: "", //部门
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			// 获取商家店铺信息
			init() {
				getIndex().then(res => {
					this.seller_name = res.data.username;
					this.seller_phone = res.data.mobile;
					this.department = res.data.user_role;
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		height: 100%;

		.body {

			.body_cont {
				display: flex;
				justify-content: space-between;
				padding: 10px 0;
				line-height: 35px;
				border-bottom: 1px solid #b2b2b2;

				.body_cont_left {
					color: #b2b2b2;
				}

				.body_cont_right {}

			}

		}
	}
</style>